<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>弹窗</title>
 <style>
 	.body{
 		height: 3000px;
 		background-image:url(img/2.jpg);
 	}/*url 背景图片*/
 	#box{
 		width: 200px;
 		height: 200px;
 		background: #0088bb;
 		position: fixed;
 		right: 0;
 		bottom: 0;
 		
 	}
 	#pic a#closeBtn{
 		background: #CCCCCC no-repeat -399px -19px;
 		width: 16px;
 		height: 16px;
 		display: inline-block;
 		position: absolute;
 		top: 5px;
 		right: 5px;
 	}
 	#pic a#closeBtn:hover{
 		background-position: -343px -19px;
 	}
 	.hide{
 		display: none;
 	}
 </style>
 
 <script>
 	window.onload=function(){
 		var tipBtn=document.getElementById("box");
 		var closeBtn=document.getElementById("closeBtn");
 		closeBtn.onclick=function(){
 			tipBtn.className="hide";
 		}
 	}
 </script>
    </head>
    <body>
    	<div id="box">
    		<div id="pic">
    			<a href="http://www.baidu.com"><img src=></a>
    			<!--点击图片跳转-->
    			<a href="javascrit:void(0);" id="closeBtn">✖</a>
    		</div>
    		
    	</div>



    </body>
</html>